

<template>
  <Header></Header>
  <div class="details">
    <div class="page-layout">
      <Sidebar @sidebar-click="handleSidebarClick">
        <template #title>
          <span>服务能力</span>
        </template>
      </Sidebar>
      <div class="main-content subpage">
        <!-- 首页内容 -->
        <div class="content-section" :class="activeKey===0 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                互联网营销
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===1 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                品牌建设
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===2 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                人才培养
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===3 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                信用服务
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===4 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                金融/保险
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===5 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                网络安全
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

        <div class="content-section" :class="activeKey===6 && 'active'" >
          <article>
            <div class="services">
              <h1 class="main-title">
                会务服务
              </h1>
              <div class="no-special-block">
                <h5>
                  <span class="icon11">
                    <img :src="img3"></img>
                  </span>
                  服务介绍
                </h5>
                <p>
                  安全培训服务将依据客户需求提供安全培训服务，安全培训的课程。可根据客户需求定制，例如针对
                  IT
                  部门⼈员开展技能培训、为企业员⼯提供安全科普、为敏感部门员⼯提供安全意识培训服务，培训时长视培训内容⽽定。
                </p>
                <div class="center">
                  <img src="https://p4.ssl.qhimg.com/t01238fe94e1d72f56f.png">
                </div>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon21">
                    <img :src="img2"></img>
                  </span>服务功能
                </h5>
                <p>
                  安全培训服务分为7大类型：
                </p>
                <p>
                  1. 基础安全意识培训服务:
                </p>
                <p>
                  针对安全意识等信息提供培训服务，使被培训者通过学习了解到当前网络存在的安全风险和隐患，提升客户非技术人员的整体安全意识和安全防护能力。
                </p>
                <br>
                <p>
                  2. 应急响应指导培训服务:
                </p>
                <p>
                  针对应急响应工作提供培训服务，使被培训者通过学习了解到应急响应的实施方式和问题排查的思路，使客户达到可处理常规的安全事件、进行应急响应工作的能力。
                </p>
                <br>
                <p>
                  3. 网络安全攻防渗透培训服务:
                </p>
                <p>
                  针对安全攻防、漏洞挖掘提供培训服务，使被培训者通过学习了解到漏洞挖掘的思路和方法，达到能够独立实施常规的漏洞挖掘工作，协助客户完成安全测试的闭环。
                </p>
                <br>
                <p>
                  4. 应用与软件安全开发培训服务:
                </p>
                <p>
                  针对安全开发SDL提供培训服务，使被培训者通过学习了解到SDL的内容和流程，协助其建立内部SDL的规范。
                </p>
                <br>
                <p>
                  5. 安全运维培训服务:
                </p>
                <p>
                  针对常见的安全运维工作提供可定制化的培训服务，使被培训者通过学习了解安全巡检、日志分析、流量分析等方向的知识，从根本上帮助客户提高安全运维能力。
                </p>
                <br>
                <p>
                  6. CTF攻防技能培训服务:
                </p>
                <p>
                  针对CTF线上赛及AWD竞赛模式提供培训服务，使被培训者通过学习了解CTF的类型、思路，达到能够解答常规CTF题目的水平，满足客户对于CTF相关技能的能力需求。
                </p>
                <br>
                <p>
                  7.红队攻防技能培训
                </p>
                <p>
                  针对红队攻防提供培训服务，使被培训者通过学习了解红队攻击常用的手段和攻击思路，是客户达到能够掌握常见红队攻击技能的水平，满足客户对于自行开展部分红蓝对抗的能力需求。
                  除此之外，也可根据客户需求，进行进一步的定制。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon31">
                    <img :src="img1"></img>
                  </span>服务优势
                </h5>
                <p>
                  专业的师资力量：
                  360拥有用大量的优秀安全专家对各方向都有较深的造诣，因此将针对不同课题通过不同的安全专家进行全面讲解。
                </p>
                <br>
                <p>
                  完备的培训体系：
                  360安全培训课程涵盖安全意识类、应急响应类、安全运维类、安全管理类等课程。
                </p>
                <br>
                <p>
                  定制化、实战型培训内容：
                  360会针对每一个客户进行定制化的培训内容，并且内容以实战为主理论为辐的宗旨进行课程培训，让学员有更深刻的印象。
                </p>
              </div>
              <div class="no-special-block">
                <h5>
                  <span class="icon41">
                    <img :src="img"></img>
                  </span>客户案例
                </h5>
                <p>
                  国家税务总局贵州省税务局
                </p>
                <p>
                  北京银行股份有限公司
                </p>
                <p>
                  中国建设银行股份有限公司
                </p>
              </div>
            </div>
          </article>
        </div>

      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script setup>
import Header from '@/components/header/App.vue'
import Breadcrumb from '@/components/breadcrumb/App.vue'
import Sidebar from '@/components/sidebar1/App.vue'
import Footer from '@/components/footer/App.vue'
import {ref} from "vue";
import img from '@/assets/img/static/img.png'
import img1 from '@/assets/img/static/img_1.png'
import img2 from '@/assets/img/static/img_2.png'
import img3 from '@/assets/img/static/img_3.png'

const activeKey = ref(0)

const handleSidebarClick = ( key ) => {
  console.log( key );
  activeKey.value=key
}

</script>

<style scoped>
.details{
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.page-layout{
  display: flex;
  margin-top: 20px;
}
.main-content {
  flex: 1;
  background-color: white;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}

.page-title {
  font-size: 28px;
  margin-bottom: 20px;
  color: #1e5799;
  padding-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
}

.page-subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
}

.intro-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.content-text {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 20px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

.feature-card {
  background-color: #f9fbff;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e0e9ff;
  transition: transform 0.3s;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(30, 87, 153, 0.1);
}

.feature-card h3 {
  font-size: 18px;
  color: #1e5799;
  margin-bottom: 10px;
}

.feature-card p {
  font-size: 14px;
  color: #666;
}

.news-list {
  margin-top: 30px;
}

.news-item {
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e0e9ff;
}

.news-date {
  width: 100px;
  color: #207cca;
  font-weight: bold;
}

.news-content {
  flex: 1;
}

.news-content h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.news-content p {
  color: #666;
  font-size: 14px;
}

.news-content a {
  color: #1e5799;
  text-decoration: none;
}

.news-content a:hover {
  text-decoration: underline;
}

.service-list {
  margin-top: 30px;
}

.service-item {
  margin-bottom: 30px;
}

.service-item h3 {
  font-size: 20px;
  color: #1e5799;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.service-content {
  display: flex;
  margin-bottom: 20px;
}

.service-image {
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.service-text {
  flex: 1;
  font-size: 15px;
  color: #555;
  line-height: 1.8;
}

.policy-list {
  margin-top: 30px;
}

.policy-item {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f9fbff;
  border-radius: 8px;
  border-left: 4px solid #207cca;
}

.policy-item h3 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #1e5799;
}

.policy-item p {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

.policy-item a {
  color: #207cca;
  text-decoration: none;
  font-size: 14px;
}

.knowledge-resources {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.resource-card {
  background-color: #f9fbff;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e0e9ff;
  transition: transform 0.3s;
}

.resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(30, 87, 153, 0.1);
}

.resource-icon {
  font-size: 36px;
  color: #207cca;
  margin-bottom: 15px;
}

.resource-card h3 {
  font-size: 18px;
  color: #1e5799;
  margin-bottom: 10px;
}

.resource-card p {
  font-size: 14px;
  color: #666;
}


.services {
  min-height: 600px;
}
.services .center {
  margin-top: 20px;
  text-align: center;
}
.services h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.services h5 span {
  vertical-align: top;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 15px;
}
.services h5 span.icon11 {
  background-position: 0px 0px;
}
.services h5 span.icon21 {
  background-position: 0px -48px;
}
.services h5 span.icon31 {
  background-position: 0px -98px;
}
.services h5 span.icon41 {
  background-position: 0px -148px;
}
.services .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.services .no-special {
  margin-top: 80px;
}
.services .no-special-block:first-of-type {
  margin-top: 45px;
}
.services .no-special-block:not(:last-of-type) {
  margin-bottom: 65px;
}
.services .no-special-block span {
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.services .no-special-block p {
  text-indent: 0;
  margin-bottom: 10px;
}
.services .no-special-block p:first-of-type {
  margin-top: 32px;
}
.services .no-special-block.em2 p {
  text-indent: 2em !important;
}
.services b {
  display: block;
  margin-bottom: 15px;
}


.subpage article {
  overflow: hidden;
  padding-left: 50px;
  padding-bottom: 200px;
}
.subpage article .title {
  font-size: 36px;
  color: #2e2e2e;
  line-height: 1;
  margin-bottom: 40px;
}
.subpage article p {
  font-size: 15px;
  color: #626262;
  line-height: 2;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 25px;
}
.subpage article h3 {
  margin-top: 100px;
  margin-bottom: 24px;
  line-height: 1;
  border-bottom: solid 1px #e5e5e5;
}
.subpage article h3 span {
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: solid 3px #00a97f;
}
</style>